.app {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    // font-family: '楷体';
    main {
        flex: 1;
        overflow-y: scroll;
        background-color: rgb(240, 232, 232);
    }
    footer {
        border-top: 1px solid rgb(175, 171, 171);
        width: 100%;
        height: 60px;
        /* line-height: 60px; */
        .footer-box {
            display: flex;
            justify-content: space-evenly;
            /* color: #ccc; */
            /* height: 60px; */
            /* line-height: 60px; */
            /* margin-top: 10px; */
            a {
                color: rgb(141, 140, 140);
                font-weight: bold;
                text-align: center;
            }
            .active {
                color: rgb(89, 238, 114);
            }
        }
    }
}

.tab2 {
    // background-color: rgb(179, 24, 24);
    margin-top: 10px;
    .tabbox {
        width: 90%;
        height: 125px;
        margin: 0 auto;
        margin-top: 15px;
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
        // border: 1px solid #000;
        h4 {
            width: 94%;
            height: 40px;
            margin: 0 auto;
            // display: block;
            margin-top: 5px;
            // border: 1px solid #000;
            display: flex;
            justify-content: space-between;
            span {
                color: rgb(179, 179, 179);
                line-height: 40px;
                // font-weight: bold;
            }
        }
        dl {
            width: 94%;
            height: 64px;
            margin: 0 auto;
            margin-top: 5px;
            // border: 1px solid #000;
            display: flex;
            justify-content: space-between;
            dt {
                width: 20%;
                height: 100%;
                img {
                    width: 100%;
                    height: 100%;
                    border-radius: 5px;
                }
            }
            dd {
                width: 77%;
                height: 100%;
                p {
                    font-size: 16px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }
            }
        }
    }
}

.my {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    header {
        height: 50px;
        display: flex;
        justify-content: space-between;
        line-height: 50px;
        p span {
            font-size: 30px;
            margin-right: 20px;
        }
    }
    main {
        height: 100%;
        flex: 1;
        overflow-y: scroll;
        border-bottom: none;
        .mylist {
            width: 100%;
            height: 90px;
            dl {
                display: flex;
                align-items: center;
                width: 90%;
                height: 90px;
                margin: 0 auto;
                dt {
                    width: 70px;
                    height: 70px;
                    img {
                        width: 70px;
                        height: 70px;
                        border-radius: 70px;
                        object-fit: cover;
                    }
                }
                dd {
                    margin-left: 20px;
                    p:first-child a {
                        font-size: 28px;
                        color: #000;
                    }
                    p:nth-child(2) a {
                        font-size: 16px;
                        color: rgb(179, 174, 174);
                    }
                }
            }
        }
        .myvip {
            margin: 15px auto;
            width: 95%;
            height: 50px;
            img {
                width: 100%;
                height: 100%;
            }
        }
        .mylist2 {
            width: 95%;
            height: 90px;
            margin: 20px auto;
            background-color: rgb(252, 247, 247);
            border-radius: 5px;
            display: flex;
            justify-content: space-evenly;
            text-align: center;
            align-items: center;
            color: rgb(170, 162, 162);
        }
        .mylist3 {
            width: 95%;
            height: 270px;
            margin: 20px auto;
            background-color: rgb(252, 247, 247);
            border-radius: 5px;
            color: rgb(170, 162, 162);
            h2 {
                padding-left: 20px;
                padding-top: 20px;
            }
            h4 {
                width: 100%;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-wrap: wrap;
                text-align: center;
                font-size: 14px;
                a {
                    margin-top: 20px;
                    display: block;
                    width: calc(100%/4);
                    p {
                        font-size: 12px;
                        color: rgb(150, 148, 148);
                    }
                    p:first-child svg {
                        font-size: 24px;
                    }
                }
                a:first-child p:first-child svg {
                    color: rgb(148, 218, 101);
                }
                a:nth-child(2) p:first-child svg {
                    color: rgb(202, 40, 11);
                }
                a:nth-child(3) p:first-child svg {
                    color: rgb(156, 220, 231);
                }
                a:nth-child(4) p:first-child svg {
                    color: rgb(109, 160, 236);
                }
                a:nth-child(5) p:first-child svg {
                    color: rgb(216, 147, 229);
                }
                a:nth-child(6) p:first-child svg {
                    color: rgb(56, 5, 49);
                }
                a:nth-child(7) p:first-child svg {
                    color: rgb(11, 30, 202);
                }
                a:nth-child(8) p:first-child svg {
                    color: rgb(202, 173, 11);
                }
                a:nth-child(9) p:first-child svg {
                    color: rgb(110, 105, 98);
                }
            }
        }
        .mylist4 {
            width: 95%;
            height: 170px;
            margin: 20px auto;
            background-color: rgb(255, 255, 255);
            border-radius: 8px;
            h2 {
                display: flex;
                justify-content: space-between;
                span:first-child {
                    font-size: 20px;
                    font-weight: bold;
                }
                span:nth-child(2) {
                    color: rgb(141, 135, 135);
                }
            }
            h3 {
                text-align: center;
                line-height: 90px;
                font-size: 20px;
                b {
                    font-size: 30px;
                    color: rgb(240, 109, 109);
                }
            }
        }
        .mylist5 {
            width: 95%;
            height: 170px;
            margin: 20px auto;
            background-color: rgb(252, 247, 247);
            border-radius: 8px;
            h2 {
                display: flex;
                justify-content: space-between;
                span:first-child {
                    font-size: 20px;
                    font-weight: bold;
                }
                span:nth-child(2) {
                    color: rgb(141, 135, 135);
                }
            }
        }
    }
}

.loginapp {
    width: 100%;
    height: 100%;
    background-image: url('https://img0.baidu.com/it/u=2467345984,2880690911&fm=26&fmt=auto');
    .login {
        position: absolute;
        top: 160px;
        p {
            margin-top: 10px;
            margin-left: 28%;
            font-size: 20px;
            font-weight: bold;
            input {
                height: 40px;
                border-radius: 10px;
                /* outline: none; */
                border: none;
            }
            button {
                width: 60px;
                height: 45px;
                border-radius: 10px;
                margin-left: 28px;
            }
            button:first-child {
                background-color: rgb(95, 177, 115);
                outline: none;
                border: none;
            }
            button:nth-child(2) {
                background-color: rgb(136, 157, 202);
                outline: none;
                border: none;
            }
        }
    }
}

.home {
    width: 100%;
    height: 100%;
    /* ant-input-affix-wrapper-lg */
    display: flex;
    flex-direction: column;
    header {
        .search .adm-search {
            width: 90%;
            height: 40px;
            margin-left: 5%;
            margin-top: 8px;
            border-radius: 30px;
            .adm-search-input-box {
                width: 100%;
                height: 40px;
                border-radius: 30px;
            }
        }
    }
    main {
        flex: 1;
        overflow-y: scroll;
        .swiper {
            margin-top: 20px;
            .ant-carousel {
                margin: 0 auto;
                width: 90%;
                height: 130px;
                border-radius: 20px;
                .slick-slider {
                    margin: 0 auto;
                    width: 100%;
                    height: 150px;
                    border-radius: 20px;
                    .slick-list {
                        margin: 0 auto;
                        width: 100%;
                        height: 120px;
                        border-radius: 20px;
                    }
                }
                .slick-initialized {
                    margin: 0 auto;
                    width: 100%;
                    height: 138px;
                    border-radius: 20px;
                }
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        .home12 {
            width: 90%;
            height: 100px;
            margin: 0 auto;
            background-color: #fff;
            // border-bottom: 1px solid #000;
            border-radius: 20px;
            display: flex;
            justify-content: space-evenly;
            // text-align: center;
            // align-items: center;
            dl {
                margin-top: 20px;
                display: flex;
                dt {
                    width: 70px;
                    height: 70px;
                    img {
                        width: 70px;
                        height: 70px;
                        object-fit: cover;
                    }
                }
                dd {
                    p:first-child {
                        font-size: 22px;
                        font-weight: bold;
                    }
                    p:nth-child(2) {
                        font-size: 14px;
                        // font-weight: bold;
                    }
                }
            }
        }
        .home12345 {
            width: 90%;
            height: 80px;
            margin: 10px auto;
            // background-color: #fff;
            // border-bottom: 1px solid #000;
            border-radius: 20px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            text-align: center;
            h4 {
                margin-top: 15px;
                p {
                    img {
                        width: 30px;
                        height: 30px;
                        object-fit: cover;
                    }
                    font-size: 14px;
                    font-weight: bold;
                }
            }
        }
        .hometitle {
            width: 100%;
            height: 50px;
            // margin: 10px auto;
            margin-top: 10px;
            // background-color: #fff;
            // border-bottom: 1px solid #000;
            // border-radius: 20px;
            p {
                width: 90%;
                height: 50px;
                margin: 0 auto;
                img {
                    width: 100%;
                    height: 100%;
                    border-radius: 20px;
                    // object-fit: cover;
                }
            }
        }
        .block {
            width: 90%;
            height: 270px;
            margin: 0 auto;
            margin-top: 20px;
            // border-bottom: 1px solid #000;
            h3 {
                display: flex;
                justify-content: space-between;
                ////////////////////////////////
                ////////////////////////////////
                align-items: baseline;
                span:first-child {
                    font-size: 24px;
                    font-weight: bold;
                }
                span:nth-child(2) {
                    font-size: 16px;
                    font-weight: bold;
                    color: rgb(177, 175, 175);
                }
            }
            .blockimg {
                width: 100%;
                height: 240px;
                margin: 5px auto 0;
                background-color: rgb(221, 215, 215);
                // border-bottom: 1px solid #000;
                border-radius: 10px;
                overflow: hidden;
                .block1 {
                    width: 100%;
                    height: 66%;
                    display: flex;
                    justify-content: space-between;
                    p:first-child {
                        width: 50%;
                        height: 100%;
                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                    p:nth-child(2) {
                        width: 50%;
                        height: 49%;
                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                }
                .block2 {
                    width: 100%;
                    height: 33%;
                    display: flex;
                    justify-content: space-between;
                    span {
                        width: 50%;
                        height: 100%;
                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                }
            }
        }
        .hello {
            font-weight: bold;
            font-size: 24px;
            width: 90%;
            margin: 0 auto;
            margin-top: 20px;
        }
    }
}

.shop {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    header {
        width: 100%;
        height: 50px;
        background-color: #fff;
        h2 {
            font-size: 26px;
            text-align: center;
            font-weight: bold;
            font-family: '楷体';
        }
    }
    main {
        flex: 1;
        overflow-y: scroll;
        background-color: #fff;
        h4 {
            width: 94%;
            margin: 0 auto;
            height: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .adm-search {
                width: 84%;
                height: 40px;
                // margin-left: 5%;
                // margin-top: 8px;
                border-radius: 10px;
                .adm-search-input-box {
                    width: 100%;
                    height: 40px;
                    border-radius: 30px;
                }
            }
            p {
                width: 25px;
                height: 25px;
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        h3 {
            width: 94%;
            height: 60px;
            margin: 0 auto;
            margin-top: 5px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid rgb(224, 224, 224);
            span:first-child {
                font-size: 25px;
                font-weight: bold;
                font-family: "方正卡通简体";
            }
            span:nth-child(2) {
                // width: 10px;
                // height: 10px;
                background-color: rgb(247, 241, 207);
                color: rgb(223, 161, 120);
                padding: 8px;
                border-radius: 20px;
                font-size: 10px;
            }
        }
        .shoplist2 {
            width: 94%;
            height: 190px;
            // background-color: green;
            border-bottom: 1px solid rgb(223, 223, 223);
            margin: 0 auto;
            margin-top: 10px;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            a {
                width: calc(100%/5);
                p:first-child {
                    margin-top: 6px;
                    width: 50px;
                    height: 50px;
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
                p:nth-child(2) {
                    padding-top: 6px;
                    font-size: 16px;
                    color: rgb(53, 53, 53);
                    font-weight: bold;
                }
            }
        }
        .swiper {
            margin-top: 6px;
            .ant-carousel {
                margin: 0 auto;
                width: 98%;
                height: 130px;
                border-radius: 20px;
                .slick-slider {
                    margin: 0 auto;
                    width: 100%;
                    height: 150px;
                    border-radius: 20px;
                    .slick-list {
                        margin: 0 auto;
                        width: 100%;
                        height: 120px;
                        border-radius: 20px;
                    }
                }
                .slick-initialized {
                    margin: 0 auto;
                    width: 100%;
                    height: 138px;
                    border-radius: 20px;
                }
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        h6 {
            width: 94%;
            height: 60px;
            margin: 0 auto;
            margin-top: 5px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid rgb(224, 224, 224);
            span:first-child {
                font-size: 25px;
                font-weight: bold;
                font-family: "草檀斋毛泽东字体", "方正卡通简体";
            }
            span:nth-child(2) {
                // width: 10px;
                // height: 10px;
                background-color: rgb(247, 241, 207);
                color: rgb(223, 161, 120);
                padding: 8px;
                border-radius: 20px;
                font-size: 10px;
            }
            img {
                margin-top: 160px;
                width: 100%;
                height: 200px;
                object-fit: cover;
            }
        }
        .h33 {
            width: 94%;
            height: 60px;
            margin: 0 auto;
            margin-top: 155px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid rgb(224, 224, 224);
            span:first-child {
                font-size: 25px;
                font-weight: bold;
                font-family: "方正卡通简体";
            }
            span:nth-child(2) {
                // width: 10px;
                // height: 10px;
                background-color: rgb(247, 241, 207);
                color: rgb(223, 161, 120);
                padding: 8px;
                border-radius: 20px;
                font-size: 10px;
            }
        }
        .shoplist {
            width: 94%;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            dl {
                width: calc(100%/2);
                dt {
                    width: 170px;
                    height: 170px;
                    border: 6px solid rgb(230, 92, 172);
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                dd {
                    p {
                        font-size: 20px;
                        font-weight: bold;
                    }
                    p:nth-child(2) {
                        font-size: 16px;
                        font-weight: bold;
                        color: rgb(230, 82, 82);
                    }
                }
            }
            .rv-action-bar-icon {
                position: fixed;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                // background-color: rgb(211, 143, 143);
                top: 80%;
                left: 80%;
                .van-icon {
                    font-size: 40px;
                    color: rgb(250, 68, 68);
                }
            }
        }
    }
}

.listapp {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    header {
        height: 50px;
        border-bottom: 3px solid rgb(255, 255, 255);
        // .search .adm-search {
        //     width: 90%;
        //     // height: 40px;
        //     margin-left: 5%;
        //     margin-top: 8px;
        //     border-radius: 30px;
        //     .adm-search-input-box {
        //         width: 100%;
        //         height: 40px;
        //         border-radius: 30px;
        //     }
        // }
        .search {
            width: 90%;
            height: 40px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            input {
                width: 90%;
                height: 40px;
                margin-top: 10px;
                border: none;
                outline: none;
                border-radius: 50px;
                background-color: #dfdddd;
                padding-left: 10%;
            }
            .searchbutton {
                margin-top: 10px;
                font-size: 24px;
                color: #666;
            }
        }
    }
    main {
        // margin-top: -12px;
        flex: 1;
        overflow-y: scroll;
        .adm-tabs-tab-list {
            width: 100%;
            background-color: #fff;
            position: sticky;
            top: -2px;
            // position: fixed;
            // top: 46px;
            // margin: 0 auto;
            z-index: 10000;
        }
        .adm-tabs-tab-active {
            color: rgb(82, 224, 82);
        }
        .adm-tabs-tab-active::after {
            background: rgb(82, 224, 82);
            // height: 3px;
        }
        .adm-tabs-content {
            padding: 0;
        }
        .swiper {
            margin-top: 0px;
            .ant-carousel {
                margin: 0 auto;
                width: 100%;
                height: 150px;
                border-radius: 5px;
                .slick-slider {
                    margin: 0 auto;
                    width: 100%;
                    height: 170px;
                    border-radius: 20px;
                    .slick-list {
                        margin: 0 auto;
                        width: 100%;
                        height: 152px;
                        border-radius: 5px;
                    }
                }
                .slick-initialized {
                    margin: 0 auto;
                    width: 100%;
                    height: 160px;
                    border-radius: 5px;
                }
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        .listlist {
            width: 100%;
            height: 100%;
            // background-color: rgb(70, 118, 163);
            dl {
                margin: 0 auto;
                width: 94%;
                height: 100px;
                margin-top: 4px;
                // background-color: rgb(44, 136, 79);
                border-bottom: 1px solid rgb(219, 219, 219);
                display: flex;
                justify-content: space-between;
                dt {
                    width: 28%;
                    height: 100px;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                dd {
                    width: 68%;
                    height: 100px;
                    p:first-child {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        font-size: 20px;
                        font-weight: bold;
                    }
                    p:nth-child(2) {
                        margin-top: 8px;
                        align-items: baseline;
                        display: flex;
                        justify-content: space-between;
                        align-items: baseline;
                        flex-shrink: 20;
                        color: rgb(151, 145, 145);
                        span {
                            font-size: 15px;
                        }
                    }
                }
            }
        }
    }
}

.listdetail {
    width: 100%;
    height: 100%;
    dl {
        .p {
            // position: absolute;
            // top: 8px;
            font-size: 30px;
            // width: 30px;
            height: 30px;
            color: rgb(122, 224, 112);
            line-height: 30px;
            // text-align: center;
            // border-radius: 30px;
            // background-color: rgba(0, 0, 0, .5);
        }
        dt {
            width: 100%;
            height: 330px;
            img {
                width: 100%;
                height: 100%;
            }
        }
        dd {
            p {
                font-size: 26px;
                font-weight: bold;
            }
            span {
                margin-right: 20px;
                font-size: 22px;
                color: rgb(233, 72, 72);
            }
        }
    }
}

.shopdetail {
    width: 100%;
    height: 100%;
    dl {
        .p {
            // position: absolute;
            // top: 8px;
            font-size: 30px;
            // width: 30px;
            height: 30px;
            color: rgb(122, 224, 112);
            line-height: 30px;
            // text-align: center;
            // border-radius: 30px;
            // background-color: rgba(0, 0, 0, .5);
        }
        dt {
            width: 100%;
            height: 330px;
            img {
                width: 100%;
                height: 100%;
            }
        }
        dd {
            p {
                font-size: 26px;
                font-weight: bold;
            }
            span {
                margin-right: 20px;
                font-size: 22px;
                color: rgb(233, 72, 72);
                font-weight: bold;
            }
        }
    }
}

.car {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .car_header {
        height: 40px;
        display: flex;
        justify-content: space-between;
        line-height: 40px;
        border-bottom: 1px solid rgb(190, 185, 185);
        p:first-child {
            color: rgb(133, 231, 120);
        }
        p:nth-child(2) {
            font-size: 24px;
            font-weight: bold;
        }
        p:nth-child(2) {
            margin-left: -30px;
        }
    }
    .car_main {
        flex: 1;
        overflow-y: scroll;
        margin-top: 10px;
        height: 100%;
        border-bottom: 1px solid rgb(190, 185, 185);
        .rv-swipe-cell__wrapper {
            display: flex;
            height: 100px;
            align-items: center;
            // line-height: 100px;
            margin-top: 10px;
            border-bottom: 1px solid rgb(211, 211, 211);
            .demo-card {
                width: 100%;
                height: 100%;
                display: flex;
                .demo-card__img {
                    width: 100px;
                    height: 100px;
                }
                .btn_box {
                    display: flex;
                    align-items: center;
                    .button1 {
                        border: none;
                        color: #000;
                        width: 30px;
                        height: 30px;
                        background-color: rgb(116, 164, 196);
                    }
                }
            }
        }
    }
    .car_footer {
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .rv-action-bar-button {
            width: 100px;
            height: 40px;
            border-radius: 30px;
        }
    }
}

.payment {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .payment_header {
        display: flex;
        justify-content: space-between;
        height: 40px;
        border-bottom: 1px solid rgb(143, 142, 142);
        P:first-child {
            color: rgb(100, 245, 81);
        }
    }
    .payment_main {
        flex: 1;
        overflow-y: scroll;
        border-bottom: 1px solid rgb(148, 134, 134);
        .payment_address {
            height: 110px;
            border-bottom: 1px solid rgb(155, 150, 150);
            dl {
                height: 110px;
                width: 90%;
                margin: 0 auto;
                display: flex;
                align-items: center;
                dt {
                    width: 80px;
                    height: 80px;
                    img {
                        width: 100%;
                        height: 100&;
                    }
                }
            }
        }
        .payment_shoplist {
            width: 98%;
            // height: 100%;
            margin: 0 auto;
            margin-top: 10px;
            .boxlist {
                width: 100%;
                height: 90px;
                border-bottom: 1px solid rgb(209, 207, 207);
                dl {
                    display: flex;
                    margin-top: 4px;
                    dt {
                        width: 80px;
                        height: 80px;
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    dd {
                        text-align: right;
                        p:first-child {
                            span:first-child {
                                color: rgb(116, 199, 137);
                            }
                            span:nth-child(2) {
                                color: rgb(223, 58, 58);
                            }
                        }
                        P:nth-child(2) {
                            margin-top: 20px;
                        }
                    }
                }
            }
        }
    }
    .payment_footer {
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        button {
            width: 100px;
            height: 40px;
            border: none;
            border-radius: 30px;
            background-color: rgb(231, 104, 104);
        }
    }
}

.order {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .order_header {
        display: flex;
        justify-content: space-between;
        height: 40px;
        border-bottom: 1px solid rgb(143, 142, 142);
        P:first-child {
            color: rgb(100, 245, 81);
        }
        p:nth-child(2) {
            margin-left: -30px;
        }
    }
    .order_main {
        flex: 1;
        overflow-y: scroll;
        width: 100%;
        // height: 90px;
        // margin-top: 10px;
        // border: 1px solid rgb(175, 175, 175);
        dl {
            display: flex;
            margin-top: 10px;
            border-bottom: 1px solid rgb(173, 173, 173);
            dt {
                width: 80px;
                height: 80px;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            dd {
                text-align: right;
                p:first-child {
                    span:first-child {
                        color: rgb(116, 199, 137);
                    }
                    span:nth-child(2) {
                        color: rgb(223, 58, 58);
                    }
                }
                P:nth-child(2) {
                    margin-top: 20px;
                }
            }
        }
    }
}

.address {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .address_header {
        display: flex;
        justify-content: space-between;
        height: 40px;
        border-bottom: 1px solid rgb(143, 142, 142);
        P:first-child {
            color: rgb(100, 245, 81);
        }
    }
    .address_main {
        flex: 1;
        overflow-y: scroll;
        dl {
            margin-top: 10px;
            border-bottom: 1px solid #ccc;
            display: flex;
            justify-content: space-around;
            align-items: center;
            p {
                span:first-child {
                    font-weight: bold;
                }
                span:nth-child(2) {
                    margin-left: 5px;
                    color: rgb(122, 133, 180);
                }
            }
        }
    }
    .address_footer {
        button {
            width: 100%;
            height: 50px;
            border-radius: 50px;
            border: none;
            background-color: rgb(90, 219, 78);
            color: #fff;
            font-size: 24px;
        }
    }
}